﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
      <title></title>
    <link rel="stylesheet" href="css/kendo/kendo.mobile.all.min.css"/>
      <script src="js/jquery-2.1.0.min.js"></script>    
      <script src="js/kendo/kendo.mobile.min.js"></script>
      <script src="js/exporting.js"></script>
      <script src="js/highcharts.js"></script>
    <script>
        var BoxSportSystem = BoxSportSystem || {}; //Para crear un espacio de nombre global para javaScript
    </script>
    <!-- <script src="js/main.js"></script>--> 
    <script src="js/app.js"></script>
    <script src="js/categoriaList.js"></script>
    <script src="js/config.js"></script>
    <script src="js/proveedoresList.js"></script>
    <script src="js/proveedorDetails.js"></script>
    <script src="js/materialesList.js"></script>      
    <script src="js/productosList.js"></script>
    <script src="js/pagoForm.js"></script>
    <script src="js/pagosList.js"></script>
    <script src="js/pagosDetails.js"></script>
    <script src="js/ventasEstadisticas.js"></script>
      <script src="js/login.js"></script>      
    
   </head>
<body>
   
         <!--CategoriaView-->
<!--         <div id="categoriasView" 
         data-role="view" 
         data-title="Categorias" 
         data-model="BoxSportSystem.categoriaList.viewModel" 
         data-show="BoxSportSystem.categoriaList.onShow">
        <div style="padding: 2px">
            <input type="text" id="txtCriterio" data-bind="value: criterio" style="width: 100%"/>
            <button data-role="button" data-icon="search" data-bind="click: buscar" style="width: 100%">Buscar</button>
        </div>
        <ul id="listCategorias"
              data-role="listview"
              data-style="inset"
              data-template="categoriaListTemplate"
              data-bind="source: categoriasDataSource">
   
          </ul>
          <script id="categoriaListTemplate" type="text/x-kendo-tpml">
              Nombre: ${data.NombreCategoria}<br/>
              ${data.Descripcion}
       </script>
  </div>-->
   
    <div id="loginView" data-role="view" 
         data-title="Login Box Sport Api"
         data-model="BoxSportSystem.login.viewModel"
        data-layout="loginLayout">
            <div data-role="header">
                <div data-role="navbar">
                    <span>Login</span>
                    <a data-click="closeModalViewLogin" data-role="button" data-align="right">Cerrar Api</a>
                </div>
            </div>
        <ul data-role="listview" data-style="inset">
        <li><label for="username">Usuario: <input type="text" id="username" class="form-control" data-bind="value: username" /></label></li>
        <li><label for="password">Contraseña: <input type="password" id="password" class="form-control" data-bind="value: password"/></label></li>
   
        <button  data-role="button" data-bind="click: buscar" style="width: 100%"><img  data-icon="contacts"/>
        INGRESAR
        </button>
        </ul>
      </div>



<div data-id="loginLayout" data-role="layout">
    <!--- Header-->
    <div data-role="header">
        <div data-role="navbar" >
            <span data-role="view-title"></span>
        </div>
    </div>
    <!-- Footer-->
    <div data-role="footer">
        <div data-role="tabstrip">
            <a href="#loginView"  data-icon="home">Iniciar sesión</a>
        </div>
    </div>
</div>
   


  <!-- Main Layout -->
  <div data-id="mainLayout" data-role="layout">
    <!--- Header-->
    <div data-role="header">
        <div data-role="navbar" >
            <span data-role="view-title"></span>
        </div>
    </div>
    <!-- Footer-->
    <div data-role="footer">
        <div data-role="tabstrip">
            <a href="view/Proveedores/proveedor.html#homeView" data-icon="contacts">Proveedores</a>
            <a href="view/Pagos/pago.html#listBocuherView" data-icon="details">Pago</a>
            <a href="view/Materiales/material.html#materialesView" data-icon="globe">Materiales</a>
            <a href="view/Productos/estadisticaProducto.html#estaditicaProductosView" data-icon="toprated">Consultas</a>
            <a href="view/Productos/producto.html#listProductosView" data-icon="cart">Productos</a>
       </div>
    </div>
</div>
 
<!-- fFin main Layout-->
<script>
    BoxSportSystem.app.initApplication();
</script>
</body>
 <script src="js/base.js"></script>
</html>
